<include file="Base:header" />
		<link rel="stylesheet" type="text/css" href="__CSS__/user.css"/>
	<div class="history min_height">
		<div class="user_head">
			<div class="user_head_nav">
				<a href="{:U(MyMessage/index)};" class="fl tab">消息</a>
				<a href="{:U(MyFavorite/index)}" class="fl tab">收藏夹</a>
				<a href="{:U(MyHistory/index)}" class="fl tab show">历史记录</a>

				<div class="clear"></div>
			</div>
		</div>
		
		<div class="history_content">
			<ul class="content_tab">
				<li class="fl"><a href="javascript:;">今天</a></li>
				<li class="fl"><a href="javascript:;">昨天</a></li>
				<li class="fl"><a href="javascript:;">一周内</a></li>
				<li class="fl"><a href="javascript；；">更早</a></li>
				<div class="clear"></div>
			</ul>
			<div class="swiper-container history_swiper">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide tab-content-1">
		            	<ul class="user_case">
							<volist name='list_1' id='vo'>
								<li class="fl hover">
									<a href="" target='_blank'>
										<img class="hotcase_img" src="{$vo.cover}" alt="" width='210' height='143' />
										<p class="hotcase_title">{$vo.summary}</p>
										<p class="hotcase_type">{$vo.title}</p>
									</a>	
								</li>
							</volist>
							<div class="clear"></div>
							<div class="pagebox" i='1'>{$page_1}</div>
						</ul>
		            </div>
		            <div class="swiper-slide tab-content-2">
		            	<ul class="user_case">
							<volist name='list_2' id='vo'>
								<li class="fl hover">
									<a href="" target='_blank'>
										<img class="hotcase_img" src="{$vo.cover}" alt="" width='210' height='143' />
										<p class="hotcase_title">{$vo.summary}</p>
										<p class="hotcase_type">{$vo.title}</p>
									</a>	
								</li>
							</volist>
							<div class="clear"></div>
							<div class="pagebox" i='2'>{$page_2}</div>
						</ul>
		            </div>
		            <div class="swiper-slide tab-content-3">
		            	<ul class="user_case">
							<volist name='list_3' id='vo'>
								<li class="fl hover">
									<a href="" target='_blank'>
										<img class="hotcase_img" src="{$vo.cover}" alt="" width='210' height='143' />
										<p class="hotcase_title">{$vo.summary}</p>
										<p class="hotcase_type">{$vo.title}</p>
									</a>	
								</li>
							</volist>
							<div class="clear"></div>
							<div class="pagebox" i='3'>{$page_3}</div>
						</ul>
		            </div>
		            <div class="swiper-slide tab-content-4">
		            	<ul class="user_case">
							<volist name='list_4' id='vo'>
								<li class="fl hover">
									<a href="" target='_blank'>
										<img class="hotcase_img" src="{$vo.cover}" alt="" width='210' height='143' />
										<p class="hotcase_title">{$vo.summary}</p>
										<p class="hotcase_type">{$vo.title}</p>
									</a>	
								</li>
							</volist>
							<div class="clear"></div>
							<div class="pagebox" i='4'>{$page_4}</div>
						</ul>
		            </div>
		        </div>
		    </div>
		</div>
	</div>

	<include file="Base:footer" />
	<script type="text/javascript">
	
		$(function () {
	        var mySwiper = new Swiper('.history_swiper', {
	            onSlideChangeEnd: function (swiper) {
	                var j=mySwiper.activeIndex;
	                $('.history_content li').removeClass('active').eq(j).addClass('active');
	            }
	        })
	        
	        /*列表切换*/
	        $('.history_content li').on('click', function (e) {
	            e.preventDefault();
	            //得到当前索引
	            var i=$(this).index();
	            showList(i);
	        });
	        
	        
	        
	        
	        //分页点击
	        function pageJump(_index){
	        	var i = _index+1;
	        	$('.tab-content-'+i+' ul').remove('li');
	        }
	        
	        showList(0);
	       	function showList(_index){
	       		$('.history_content li').removeClass('active').eq(_index).addClass('active');
	            mySwiper.slideTo(_index,0,false);
	       	}
	        
	        $(".user_case .hover").hover(function(){
				$(this).find(".close_btn").show();
			},function(){
				$(this).find(".close_btn").hide();
			})
	    });
	</script>	
	
	</body>
</html>